@extends('layouts.app')

@section('content')
<div id="main" class="product">
	<div class="menu">
		<div id="mainMenu">
			<ul id="menuList">
				<li class="oneList" onclick="addDiv();">
			   	    <div class="border_box">
			   	   	    <div class="border_box_center">
			   	   	   	   <div class="tip_img"><img src="img/addCategory.png"></div>
			   	   	   	   <div class="bottom_text">添加产品</div>
			   	   	    </div>
			   	    </div>
			   	</li>
				@foreach ($data as $product)
					<li>
					    <div class="add_list_box">
					        <div class="add_list_top">
						        <a class="closeLi" pid="{{$product->id}}" onclick="deleteProduct(this);"></a>
					   		    <img class="filePicture" src="img/filePicture.png">
					   		</div>
					   		<div class="add_list_bottom">
					   		    <a class="add_list_cell" href="{{ route('products.options.index', $product->id) }}">{{$product->name}}</a>
					   		</div>
					   	</div>
					</li>
				@endforeach
			</ul>
		</div>
	</div>
</div>
<div class="dpn" id="InputName">
	<div class="InputName_bg"></div>
	<div class="nameBox" id="nameBox">
		<div class="tip">
			<span>名称:</span>
		    <input type="text" id="tipName">
		</div>
        <div class="product_btn" count="0">确定</div>
	</div>
</div>
<script src="{{ asset('js/product.js') }}" defer></script>
@endsection
